<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=9" />
    <meta name="keywords" content="宠物寄养，狗狗寄养，猫寄养，寄养宠物，宠物家庭寄养，小狗在家宠物寄养" />
    <meta name="description" content="小狗在家宠物寄养为宠物主人提供家庭式的宠物寄养，包括寄养、洗澡、接送等服务。小狗在家招募宠物寄养家庭，可以自由选择接受寄养的时间，支付保障，免费培训，在线客服等服务。" />
    <title>小狗在家官网—宠物寄养｜狗狗寄养｜猫咪寄养｜寄养家庭招募</title>
    <link type="image/x-icon" rel="shortcut icon" href="./img/viptail_title_icon.png" media="screen">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/official.min.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "//hm.baidu.com/hm.js?b34cb036442468f7827952b9d0942f62";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body>
    <nav class="navbar navbar-gray navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand" href="index.html" id="toHomePage"><img alt="小狗在家" src="img/logobig.png" class="logo-top"></a>
            </div>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="index.html">首页</a></li>
                <li><a href="how.html">如何寄养</a></li>
                <li><a href="security.html">保障服务</a></li>
                <li><a href="family.html">申请寄养家庭</a></li>
                <li><a href="#">下载APP</a></li>
            </ul>
        </div>
    </nav>
    <section class="sub-wrapper">
        <div class="banner" style="background:url(img/bg.jpg) top left;background-size:cover">
        </div>
        <div class="row state">
            <div class="col-md-12">
                <h2>成为寄养家庭</h2>
                <p>加入我们，成为寄养家庭，一起感受代养宠物给你带来的乐趣和不一样的生活！</p>
            </div>
        </div>
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <div class="apply">
                    <div class="form-group row has-error">
                        <div class="col-md-2">
                            <label for="dtFmlTelNum"><span class="red">*</span>手机号码：</label>
                        </div>
                        <div class="col-md-7">
                            <input type="text" class="form-control" id="dtFmlTelNum" maxlength="11" onkeypress="check(event)" onkeyup="this.value=this.value.replace(/[^0-9]+/g,'')" oninput="this.value=this.value.replace(/[^0-9]+/g,'')">
                        </div>
                        <div class="col-md-3 hint">
                            <img src="img/icon_apply_error.png" alt="">
                            <label>手机号码已注册</label>
                        </div>
                    </div>
                    <div class="form-group row has-error">
                        <div class="col-md-2">
                            <label for="dtFmlName"><span class="red">*</span>寄养家庭名称：</label>
                        </div>
                        <div class="col-md-7">
                            <input type="text" class="form-control" id="dtFmlName">
                        </div>
                        <div class="col-md-3 hint">
                            <img src="img/icon_apply_error.png" alt="">
                            <label>名称不可为空</label>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label for="dtFmlSNSNum"><span class="red">*</span><span>QQ</span><img id="applySelectIcon" src="img/icon_apply_select_qq.png" alt="选择"></label>
                            <ul id="applySelection" class="hidden">
                                <li class="hidden">QQ</li>
                                <li>微信</li>
                            </ul>
                        </div>
                        <div class="col-md-7">
                            <input type="text" class="form-control" id="dtFmlSNSNum" onkeypress="check(event)" onkeyup="this.value=this.value.replace(/[^0-9]+/g,'')" oninput="this.value=this.value.replace(/[^0-9]+/g,'')">
                        </div>
                        <div class="col-md-3 hint">
                            <label>请输入QQ号</label>
                        </div>
                    </div>
                    <div class="form-group row has-success">
                        <div class="col-md-2">
                            <label for="dtFmlRealName"><span class="red">*</span>真实姓名：</label>
                        </div>
                        <div class="col-md-7">
                            <input type="text" class="form-control" id="dtFmlRealName">
                        </div>
                        <div class="col-md-3 hint">
                            <img src="img/icon_apply_pass.png" alt="">
                            <label></label>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label for="dtFmlIDCode"><span class="red">*</span>身份证号码：</label>
                        </div>
                        <div class="col-md-7">
                            <input type="text" class="form-control" id="dtFmlIDCode">
                        </div>
                        <div class="col-md-3 hint">
                            <label></label>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="dtFmlIDCardFile"><span class="red">*</span>身份证照片上传：</label>
                            <p class="remark">请上传寄养家庭本人身份证照片，<br>大小在2MB以内，支持png、jpg格式。</p>
                        </div>
                        <div class="col-md-6">
                            <input class="hidden" type="file" id="dtFmlIDCardFile" name="file" accept="image/*">
                            <img class="img-responsive" id="dtFmlIDCardImg" src="img/icon_add_id.png" alt="" >
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-12">
                            <label><span class="red">*</span>预约日期选择：</label>
                            <p class="remark">请慎重选择时间，方便我们客服人员跟您沟通！</p><br>
                            <div class="interview text-center">
                                <div id="interviewDate" class="left box-rounded pointer">
                                    <div id="interviewDateTab" class="interview-date-time gray hidden">
                                        <div>
                                            <span class="pull-left pointer">&lt;</span>
                                            <span class="strong text-center">2015年12月</span>
                                            <span class="pull-right orange pointer">&gt;</span>
                                        </div>
                                        <table id="applyInterviewDate">
                                            <tr>
                                                <th>一</th>
                                                <th>二</th>
                                                <th>三</th>
                                                <th>四</th>
                                                <th>五</th>
                                                <th class="red">六</th>
                                                <th class="red">日</th>
                                            </tr>
                                            <tr>
                                                <td></td>
                                                <td>1</td>
                                                <td>2</td>
                                                <td>3</td>
                                                <td>4</td>
                                                <td>5</td>
                                                <td>6</td>
                                            </tr>
                                            <tr>
                                                <td>7</td>
                                                <td>8</td>
                                                <td>9</td>
                                                <td>10</td>
                                                <td>11</td>
                                                <td>12</td>
                                                <td>13</td>
                                            </tr>
                                            <tr>
                                                <td>14</td>
                                                <td>15</td>
                                                <td>16</td>
                                                <td>17</td>
                                                <td>18</td>
                                                <td>19</td>
                                                <td>20</td>
                                            </tr>
                                            <tr>
                                                <td>21</td>
                                                <td>22</td>
                                                <td>23</td>
                                                <td>24</td>
                                                <td>25</td>
                                                <td>26</td>
                                                <td>27</td>
                                            </tr>
                                            <tr>
                                                <td class="strong">今天</td>
                                                <td class="strong">29</td>
                                                <td class="selected">30</td>
                                                <td class="strong">31</td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td></td>
                                            </tr>
                                        </table>
                                    </div>
                                    预约面试日期
                                    <div class="gray">2015-10-22</div>
                                </div>
                                <div id="interviewTime" class="right box-rounded pointer">
                                    <div id="interviewTimeTab" class="interview-date-time gray hidden">
                                        <table id="applyInterviewTime">
                                            <tr>
                                                <td class="selected">09:00~09:30</td>
                                                <td>09:30~10:00</td>
                                            </tr>
                                            <tr>
                                                <td>10:00~10:30</td>
                                                <td>10:30~11:00</td>
                                            </tr>
                                            <tr>
                                                <td>11:00~11:30</td>
                                                <td>11:30~12:00</td>
                                            </tr>
                                            <tr>
                                                <td>14:00~14:30</td>
                                                <td>14:30~15:00</td>
                                            </tr>
                                            <tr>
                                                <td>15:00~15:30</td>
                                                <td>15:30~16:00</td>
                                            </tr>
                                            <tr>
                                                <td>16:00~16:30</td>
                                                <td>16:30~17:00</td>
                                            </tr>
                                            <tr>
                                                <td>17:00~17:30</td>
                                                <td>17:30~18:00</td>
                                            </tr>
                                            <tr>
                                                <td>20:00~20:30</td>
                                                <td>20:30~21:00</td>
                                            </tr>
                                            <tr>
                                                <td>21:00~21:30</td>
                                                <td>21:30~22:00</td>
                                            </tr>
                                        </table>
                                    </div>
                                    预约面试时间
                                    <div class="gray">09:00~09:30</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-12">
                            <img class="pointer" value="0" src="img/icon_empty.png" id="applyTreatyCheck"> 同意<a class="blue" id="applyTreatyLink">《双方寄养服务协议》</a>
                        </div>
                    </div>
                    <div class="center-block row">
                        <div class="col-md-6 col-md-offset-3">
                            <br><br>
                            <button type="submit" class="btn btn-orange center-block" id="applySubmit">提交申请</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <div class="row">
            <div class="col-md-2">
                <ul>
                    <li><strong><a href="help.html">帮助中心</a></strong></li>
                    <li><small><a href="treaty.html">保障协议</a></small></li>
                    <!--<li><small><a href="">合作医院（即将上线ing）</a></small></li>-->
                    <li><small><a href="about.html">关于我们</a></small></li>
                </ul>
            </div>
            <div class="col-md-2">
                <ul>
                    <li><strong>关注我们</strong></li>
                    <li><small><a href="http://weibo.com/viptail" target="_blank">新浪微博</a></small></li>
                    <li><small><a href="tel:400-870-0815">400-870-0815</a></small></li>
                    <li><small><a href="#">小狗在家博客</a></small></li>
                </ul>
            </div>
            <div class="col-md-2 col-md-offset-6">
                <div class="text-center code-bottom">
                    <img src="img/wechat.jpg" alt="小狗在家微信">
                    <p>关注小狗在家微信</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-2 logo-bottom">
                <img src="img/logo_black.png" alt="小狗在家宠物家庭寄养平台">
            </div>
            <div class="col-md-4">
                <p>Copyright &copy; 2015, viptail.com</p>
                <p>闽ICP备14012787号-1</p>
            </div>
        </div>
    </footer>
    <!-- 遮罩 -->
    <div id="cover" class="cover hidden">
        <!-- 协议 -->
        <div id="applyTreaty" class="w90 text-justify hidden">
            <img id="treatyClose" class="cover-close" src="img/button_apply_window_close.png">
            <h2 class="text-center">寄养家庭审核协议</h2>
            <hr>
            <div class="text-indent lh16">
                <p>欢迎您注册成为“小狗在家”的爱心寄养家庭，为了保证宠物主人和寄养家庭双方的权益和责任，寄养家庭申请人承诺并遵守如下服务规则和条款:</p>
                <p>请务必仔细阅读本服务条款，勾选接受本服务条款，即代表您对本条款所列之各项内容均无异议，并同意无条件遵守“小狗在家”制定的包括但不仅限于本服务条款的与宠物寄养服务相关的各项规定。</p>
                <ul>
                    <li>
                        1、申请人必须年满18岁，可以独立照顾被寄养的宠物并保证宠物在寄养期间的安全和健康。如因寄养家庭的个人行为导致小狗在家或其关联公司遭受任何第三方提起的索赔、诉讼或行政责任，申请人应承担相应责任并使小狗在家免责。
                    </li>
                    <li>
                        2、申请人发布的信息，仅为发布宠物寄养服务信息目的而使用，不可用于其他任何商业目的（包括不限于账户名字和密码的转让）。
                    </li>
                    <li>
                        3、申请人作为宠物寄养信息的发布者和宠物寄养服务的提供方，有义务保证在小狗在家平台上发布的信息的真实性和合法性，不得有发布虚假照片、价格、发布违法信息等行为。如有出现类似的违规行为，一经核实，小狗在家有权按规定对寄养家庭采取必要的惩罚措施。
                    </li>
                    <li>
                        4、成为寄养家庭的申请人，有义务和准备寄养的宠物主人签订《宠物寄养协议》，作为投诉和争议的凭证。
                    </li>
                    <li>
                        5、小狗在家任何服务条款的变更，将以公示的方式进行公告，不再单独通知寄养家庭。如申请人不同意相关变更，应当立即停止相关经营活动。若申请人继续进行任何相关经营活动，包括但不限于维持所发布的宠物服务信息，即表示接受经修订的服务条款。
                    </li>
                    <li>
                        6、申请人了解并同意，小狗在家及其关联公司并非司法机构，仅能以普通或非专业人员的知识水平标准对您提交的证据材料进行鉴别，小狗在家及其关联公司对交易纠纷的处理完全是基于您的委托，小狗在家及其关联公司无法保证交易纠纷处理结果符合您的期望，也不对交易纠纷调处结果及决定承担任何责任。
                    </li>
                    <li>
                        7、小狗在家有权提前十五（15）天以书面通知的方式暂停或撤销寄养家庭的寄养资格。如寄养家庭违反本服务条款中的任何承诺与保证，小狗在家有权立即撤销卖家的诚信看护人资格，且按规定对看护人采取必要的惩罚措施。
                    </li>
                    <li>
                        8、本服务条款之解释与适用，以及与本服务条款有关的争议，均应依照中华人民共和国大陆地区法律予以处理。小狗在家基于本服务条款享有的权利以及获得的授权，均可以全部或部分转移、转让、许可、分授权、转授权给任何第三方。
                    </li>
                </ul>
            </div>
        </div>
        <!-- 协议 end -->
        <!-- 登陆 -->
        <div id="login" class="login hidden">
            <img id="loginClose" class="cover-close" src="img/button_apply_window_close.png">
            <div>
                <input type="number" name="tel" placeholder="输入手机号">
                <input type="password" name="pwd" placeholder="输入密码">
                <span class="pull-right pointer">忘记密码</span>
                <button class="btn btn-orange">登陆</button>
            </div>
        </div>
        <!-- 登陆 end -->
    </div>
    <!-- 遮罩 end -->

    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/common.js"></script>
    <script src="js/apply.js"></script>
</body>
</html>